<template>
	<div class="list">
		<div class="li">
			<div class="li-time">正月三十</div>
			<div class="li-name">惊蛰</div>
		</div>
		<div class="li">
			<div class="li-time">正月三十</div>
			<div class="li-name">惊蛰</div>
		</div>
		<div class="li">
			<div class="li-time">正月三十</div>
			<div class="li-name">惊蛰</div>
		</div>
		<div class="li">
			<div class="li-time">正月三十</div>
			<div class="li-name">惊蛰</div>
		</div>
		<div class="li">
			<div class="li-time">正月三十</div>
			<div class="li-name">惊蛰</div>
		</div>
	</div>
</template>


<script>
export default {
  data () {
    return {
      msg: 'Welcome to Your Vue.js App'
    }
  }
}
</script>

<style>
/* 	.list{ padding: 0.1rem;}
	.li{ display: flex; background: rgba(255,255,255,0.6); font-size: 12px;  padding: 0.2rem 0.3rem; margin-bottom: 0.1rem;}
	.li-time{ flex: 1;}
	.li-name{ flex: 1; text-align: right;} */
</style>
